<template>
  <div class="w-100% h-100%">
    <el-card >
        <div class="p-7px h50% flex items-center justify-center color-light bg-blue rounded-5px text-14px w-100px">硬件平台</div>
        <Minput  v-model:value="idData.inputValue"  v-bind="idData" />
    </el-card>
    <el-card>
       <div>
        <el-button type="primary" icon="plus" class="w-20" >添加</el-button>
       </div>
    </el-card>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'HardwarePlatform',
})
</script>
<script setup  lang="ts">
const idData:any = ref({
  inputValue:"",
  title:"ID",
  width:"200px",
  placeholder:"请输入ID查询",
})
</script>

<style  lang="scss" scoped>
  .el-card{
    margin-bottom: 20px;
    :deep(.el-card__body){
      display: flex;
      width: 100%;
      gap: 20px;
    }
  }
</style>
